body {
    font-family: 'Segoe UI', Arial, sans-serif;
    margin:0px;
    background: url(../resources/images/theme.jpg);
}

#indexBody {
    background: url(../resources/images/background.jpg);
    background-repeat:  no-repeat;
    background-position: 50% 50%;
}

header {
    //background-color: #FF0000;
    background: -webkit-linear-gradient(#FF0000, #CC0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF0000, #CC0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF0000, #CC0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF0000, #CC0000); /* Standard syntax */

    border-bottom: 1px solid #000000;
    position: fixed;
    z-index: 9;
    width: 100%;
    min-width: 1024px;
    opacity:0.8;
}

#mainHeader {
    position: static;
    opacity: 0.8;
}

#mainHeader h1 {
    //color:#fece2f;
    color:white;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

#mainHeader a {
    text-decoration: none;
    color:#fece2f;
    //color:white;
}
#mainHeader a:hover{
    //color:#000000;
    color:white;
}
section{
    padding-top: 60px;
}

#homeSection {
    padding-top: 0px;
}


#registrationform {
    width:300px;
    padding-top:50px;
    opacity:0.8;
}

#registrationform h1{
    width:300px;
    padding:50px 0px 0px 20px;
    margin:0px;
    font-size: 30px;
    color:#fece2f;
    text-shadow: 1px 1px #000000;
}

.ui-password-panel-overlay {
    opacity:0.8;
}

#loginform {
    width:540px;
    float:right;
}

#mainTitle {
    margin:0px;
    padding-top:50px;
    font-size: 60px;
    width:270px;
    float:left;
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-shadow: 1px 1px #000000;
}

#title {
    margin:0px;
    padding: 0px 20px 0px 20px;
    display: inline;
    line-height: 50px;
    position:relative;
    top:10px;
    float: left;
    font-family: "Comic Sans MS", cursive, sans-serif;
    color:white;
    text-shadow: -2px 2px #000000; 
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

ul, #landmarks {
    list-style:none;
    padding:0px;
    margin:0px;
}

#landmarks li {
    float:left;
    padding: 14px 0px 0px 20px;
    font-weight: bold;
}

#landmarks li a {
    color:#FFFF66;
    text-decoration:none;
}

#landmarks li a:hover {
    color:white;
}

#landmarks li a:visited {
    //color:#fece2f;
    text-decoration:none;
}

.clear-left {
    clear:left;
}

.float-left {
    float:left;
}

#searchForm {
    margin-top: 7px;
}

.searchUsersButton {
    position:relative;
    top:5px;
    left:-45px;
    height:28px;
    border:none;
    background:white;
}

#searchForm .ui-inputfield {
    background:white!important;
}

.ui-state-active {
    color:#fece2f;
}

section h2 {
    color:#fece2f;
    text-shadow:1px 1px black;
}

.ui-widget-header {
    background: -webkit-linear-gradient(#FF0000, #CC0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF0000, #CC0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF0000, #CC0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF0000, #CC0000); /* Standard syntax */
}


.fc-event{
    cursor: pointer!important;
    background: -webkit-linear-gradient(#FF0000, #CC0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF0000, #CC0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF0000, #CC0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF0000, #CC0000); /* Standard syntax */
    border: 1px solid black!important;
    color:white!important;
    font-weight: bold;
}

.ui-growl {
}

#recovery {
    padding-top : 60px;
    opacity : 0.8;
}

.ui-widget-content {
    background: -webkit-linear-gradient(#FFFFFF, #FFFFCC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #FFFFCC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #FFFFCC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #FFFFCC); /* Standard syntax */
}

.ui-state-highlight {
    background: -webkit-linear-gradient(#FFFFFF, #fece2f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #fece2f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #fece2f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #fece2f); /* Standard syntax */
}

#unregisterform a {
    text-decoration: none;
    color:black;
    font-size:11px;
}

#unregisterform a:hover {
    text-decoration: underline;
}

.ui-panelgrid .ui-panelgrid-cell {
   border-style:none!important; 
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color:#fece2f;
}